
/* src/styles/custom-theme.css */

:root {
  /* 自定义主题色 */
  --el-color-primary: #005CAF;
  --el-color-primary-light-3: #3385C6;
  --el-color-primary-light-5: #66A7D9;
  --el-color-primary-light-7: #99C6EC;
  --el-color-primary-light-8: #CCE5F6;
  --el-color-primary-light-9: #E6F2FB;
  --el-color-primary-dark-2: #004A8C;

  --el-color-success: #28a745;
  --el-color-success-light-3: #52b96b;
  --el-color-success-light-5: #7ccc91;
  --el-color-success-light-7: #a5ddc7;
  --el-color-success-light-8: #d2eee3;
  --el-color-success-light-9: #e9f7f1;
  --el-color-success-dark-2: #208637;

  --el-color-warning: #fd7e14;
  --el-color-warning-light-3: #fd9c49;
  --el-color-warning-light-5: #fdb97d;
  --el-color-warning-light-7: #fdd6b2;
  --el-color-warning-light-8: #feebd9;
  --el-color-warning-light-9: #fff5ec;
  --el-color-warning-dark-2: #ca6510;

  --el-color-danger: #dc3545;
  --el-color-danger-light-3: #e4606d;
  --el-color-danger-light-5: #ec8b97;
  --el-color-danger-light-7: #f4b5c0;
  --el-color-danger-light-8: #f9dce0;
  --el-color-danger-light-9: #fdeef0;
  --el-color-danger-dark-2: #b02a37;

  --el-color-info: #6c757d;
  --el-color-info-light-3: #8e969f;
  --el-color-info-light-5: #afb3b8;
  --el-color-info-light-7: #d1d3d5;
  --el-color-info-light-8: #e8e9ea;
  --el-color-info-light-9: #f4f4f5;
  --el-color-info-dark-2: #565e65;

  /* 自定义背景色 */
  --el-bg-color: #f8fafc;
  --el-bg-color-page: #f1f5f9;
  --el-bg-color-overlay: #ffffff;

  /* 自定义文字颜色 */
  --el-text-color-primary: #1e293b;
  --el-text-color-regular: #334155;
  --el-text-color-secondary: #64748b;
  --el-text-color-placeholder: #94a3b8;
  --el-text-color-disabled: #cbd5e1;

  /* 自定义边框颜色 */
  --el-border-color: #cbd5e1;
  --el-border-color-light: #e2e8f0;
  --el-border-color-lighter: #f1f5f9;
  --el-border-color-extra-light: #f8fafc;
  --el-border-color-dark: #94a3b8;

  /* 自定义填充色 */
  --el-fill-color: #f1f5f9;
  --el-fill-color-light: #f8fafc;
  --el-fill-color-lighter: #ffffff;
  --el-fill-color-extra-light: #f8fafc;
  --el-fill-color-dark: #e2e8f0;

  /* 自定义圆角 */
  --el-border-radius-base: 6px;
  --el-border-radius-small: 4px;
  --el-border-radius-round: 20px;
  --el-border-radius-circle: 100%;

  /* 自定义阴影 */
  --el-box-shadow: 0 6px 16px 0 rgba(0, 0, 0, 0.08);
  --el-box-shadow-light: 0 2px 12px 0 rgba(0, 0, 0, 0.06);
  --el-box-shadow-lighter: 0 1px 6px 0 rgba(0, 0, 0, 0.04);
  --el-box-shadow-dark: 0 12px 24px 0 rgba(0, 0, 0, 0.12);

  /* 自定义字体大小 */
  --el-font-size-extra-large: 22px;
  --el-font-size-large: 18px;
  --el-font-size-medium: 16px;
  --el-font-size-base: 14px;
  --el-font-size-small: 12px;
  --el-font-size-extra-small: 10px;
}
